<style>
    .role_container{
        height: 100px;
        padding:15px;
        color: #666666;
    }
    .role_container .col-md-1{
        height: 50px;
        color: #34847e;
    }
    .role_container .btn-default{
            color:#fff;
            background-color: #2cb5ac;
            font-size: 12px;
    }
</style>
<div class="role_container">
    <div class="row">
        <table class="table table-hover">
           <thead>
               <th style="width:60px ;">序号</th>
               <th style="width: 800px;">角色名称</th>
               <th>操作</th>
           </thead>
           <tbody>

           </tbody>
    </table>
</div>

<script type="text/javascript">
    //1.获取所有权限管理信息
    var Url="http://39.96.74.136:7788/role/findAll";
    $.ajax({
        url:Url,
        type:'get',
        headers:{
            "Authorization":sessionStorage.getItem("token")
        },
        success:function(data){
            console.log(data);
            if(data.status==200){
                var privilege=data.data;
                privilege.forEach((item)=>{
                    $(".role_container tbody").append(`<tr>
                        <td>`+item.id+`</td>   
                        <td>`+item.name+`</td>       
                        <td>
                            <span>移除</span>    
                            <span>授权</span>  
                            <span>修改</span>     
                        </td>   
                    </tr>`)
                })
            }
        }
    })
</script>
